<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>签名</title>
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0,uc-fitscreen=yes" />
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="../css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../css/app.css" />
    <link rel="stylesheet" href="../css/iconfont.css" />
    <script src="../js/jquery-1.11.3.js"></script>
    <script src="../../script/api.js"></script>
    <script src="../js/mui.js"></script>

    <style>
        * { touch-action: none; }
        /*自定义样式*/
        html,body{
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        a{
            color: #ffffff;
        }
        .mui-content{
            width: 100%;
            height: 100%;
            background: #ffffff;
        }
        .mui-bar{
            background:#4F77AA ;
            color: #ffffff;
            -webkit-box-shadow: 0 0 1px rgba(0,0,0,0);
            box-shadow: 0 0 1px rgba(0,0,0,0);
        }
        .mui-title{
            color: #ffffff;
        }
        .mui-content{
            width: 100%;
            height: calc(100% - 60px);
            position: absolute;
            top: 60px;
            margin: 0;
            padding: 0;
        }
        .mui-content .content_item{
            width: 100%;
            height: 100%;
        }
        .mui-btn-blue, .mui-btn-primary, input[type=submit]{
            width:100%;
            height:48px;
            line-height: 48px;
            background:#4F77AA ;
            border:none;
            padding: 0;
        }
        form .textarea {
            border: 1px solid #dddddd;
            float: right;
            margin-top: 10px;
        }
        .mui-input-group:after{
            background: #ffffff;
        }
        .clear{
            clear: both;
        }
        label.error{
            font-size: 14px;
            width: 100%;
            /*position: absolute;*/
            color: red;
        }

        .mui-input-group .mui-input-row{
            height: auto;
        }
        #avatar{
            width:100%;
            margin: 0;
            padding: 0;
        }
        #avatar li{
            width: 25%;
            height: 60px;
            float: left;
            list-style: none;
            padding: 0px 5px;
            box-sizing: border-box;
            margin-top: 10px;
        }
        #avatar li img{
            display:inline-block;
            width: 100%;
            height: 100%;
        }
        .mui-input-row .mui-btn{
            width:28%;
            float: left;
            margin-right: 15px;
            padding: 6px 15px;
            margin-top: 6px;
            background: #4F77AA;
            color: #ffffff;
        }
    </style>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></span>
    <h1 class="mui-title">签名</h1>
</header>
<div class="mui-content">
    <div class="content_item">
        <div id="scroll" class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <form class="mui-input-group myForm">
                    <!--手写签名-->
                    <div class="mui-input-row mui-checkbox mui-left mui-disabled">
                        <label>手写签名</label>
                        <input name="checkbox" type="checkbox" disabled="disabled">
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>

<script>
    mui.init({
        swipeBack: true //启用右滑关闭功能
    });
    mui('body').on('tap','a',function(){
        window.top.location.href=this.href;
    });
    $(document).on("click","span.mui-pull-left",function(){
        window.location.href="../../index.html";
    })
    (function($) {
        $('#scroll').scroll({
            indicators: true //是否显示滚动条
        });
    })(mui);
    $(document).ready(function(){
        autograph();
        saveautograph();
    })

</script>

</body>

</html>
